<template>
  <div class="nav-shape">
    <div>
      填充颜色
      <el-select v-model="value" size="mini" style="width:100px">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
    </div>
    <div>
      线条类型
      <el-select v-model="value" size="mini" style="width:100px">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
    </div>
    <div>
      线条颜色
      <el-select v-model="value" size="mini" style="width:100px">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
    </div>
    <div>
      <el-input-number
        v-model="num"
        controls-position="right"
        :min="1"
        :max="10"
        size="mini"
      ></el-input-number>
      高度
    </div>
    <div>
      <el-input-number
        v-model="num"
        controls-position="right"
        :min="1"
        :max="10"
        size="mini"
      ></el-input-number>
      宽度
    </div>
    <div>
      <el-input-number
        v-model="num"
        controls-position="right"
        :min="1"
        :max="10"
        size="mini"
      ></el-input-number>
      角度
    </div>
  </div>
</template>

<script>
export default {
  setup() {
    return {
      options: [
        {
          value: "选项1",
          label: "黄金糕",
        },
        {
          value: "选项2",
          label: "双皮奶",
        },
        {
          value: "选项3",
          label: "蚵仔煎",
        },
        {
          value: "选项4",
          label: "龙须面",
        },
        {
          value: "选项5",
          label: "北京烤鸭",
        },
      ],
      value: "颜色选择",
      num: 1,
    };
  },
};
</script>

<style lang="scss" scoped>
.nav-shape {
  display: flex;
  > div {
    margin-left: 24px;
    .el-input-number--mini {
      width: 90px;
    }
  }
}

</style>
